<template>
	<view>
		<u-navbar leftIconColor="#000000" :titleStyle="{ color: '#000000' }" :bgColor="bgColor" title="已绑定提现账户"
			:placeholder="true" :autoBack="true"></u-navbar>
		<view class="note">

		</view>
		<view class="" style="position: relative;z-index: 1;width: 92%;margin: 0 auto;padding-top: 15px;">
			<view class="bao">
				<view style="display: flex">
					<image style="width: 40px; margin-right: 15px" src="/static/img/51.png" mode="widthFix"></image>
					<view style="padding: 5px; font-size: 16px; color: #ffffff; font-weight: 400">
						{{ me_info.card_name }}</view>
				</view>
				<view style="margin-top: 37px; font-size: 20px; color: #ffffff; font-weight: 400; letter-spacing: 10px">
					{{ me_info.alipay_account }}
				</view>
			</view>
			<view class="card">
				<view style="display: flex">
					<image style="width: 40px; margin-right: 15px" src="/static/img/53.png" mode="widthFix"></image>
					<view style="">
						<view style="font-size: 16px; color: #ffffff; font-weight: 400">{{ me_info.bank_name }}</view>
						<view style="font-size: 12px; color: #ffffff; font-weight: 400; margin-top: 2px">
							{{ me_info.mobile }}</view>
					</view>
				</view>
				<view style="margin-top: 37px; font-size: 20px; color: #ffffff; font-weight: 400; letter-spacing: 6px">
					{{ me_info.bank_card }}
				</view>
			</view>
			<view>
				<u-button @click="edit" shape="circle" type="primary" text="点击修改"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				me_info: '',
				bgColor: 'rgba(255,255,255,0)',
			};
		},
		onPageScroll(e) {
			if (e.scrollTop > 50) {
				this.bgColor = '#e3e6f4'
			} else {
				this.bgColor = 'rgba(255,255,255,0)'
			}
		},
		onLoad() {
			this.info();
		},
		methods: {
			async info() {
				let res = await this.$http.index.my_index();
				console.log(res);
				if (res.code == 1) {
					this.me_info = res.data.userinfo;
				}
			},
			edit() {
				uni.navigateTo({
					url: '/pages/me/real_name',
				});
			},
		},
	};
</script>
<style scoped lang="scss">
	/deep/ .u-button--primary {
		background-color: #2447FF;
		border-color: #2447FF;
	}

	.bao {
		background-image: url('@/static/img/50.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 15px;
	}

	.card {
		background-image: url('@/static/img/52.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 15px;
		margin: 15px 0;
	}
	
	.note {
		background-image: url('@/static/font/21.png');
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		background-size: 100% 100%;
	}
</style>
<style>
	page {
		background-color: #f7f9fa;
	}
</style>